<!--
  Generated template for the RechargeMoneyPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title> 余 额 充 值</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="rule_box" *ngIf="rechargeList?.length>0">
    <h3>选择充值套餐：</h3>

    <ion-grid>
      <ion-row>
        <ion-col col-4 *ngFor="let item of rechargeList;let i = index">
          <label   [class.selected]="selectValue == item.money">
            充 {{item.money}}
            <span *ngIf="item.give"> 送{{item.give}}</span>
            <input type="radio" [value]="item.money" [(ngModel)]="selectValue">
            <img src="assets/imgs/icon_ok.png" alt="">
          </label>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</ion-content>

<ion-footer>
  <button ion-button full tappable (click)="recharge()">马上充值</button>
</ion-footer>
